﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />


<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <div class="container-fluid ihg-container has-ihg-sidemenu">

    <div class="ihg-content-layout" style="margin-top: 0px;">
      <div class="row">
        <div class="col-xs-9" style="margin-top: 10px;">
          <h3>任务说明：</h3>
          <ul class="list-unstyled instruction-list">
            <li>学员在角色扮演的间隙，完成了一系列的收件箱练习</li>
            <li>学员阅读完邮件后，有两个选择，即沟通和行动。学员需要写下TA针对邮件中的内容希望与什么人进行沟通，用什么沟通方式，可以是回复邮件，也可以是打电话或者发信息。然后需要写下沟通的内容。如果学员认为有必要，还可以选择添加行动，也就是说，读完邮件，学员除了沟通外还会做些什么。</li>
            <li>所有的收件箱练习答案将于今日18:35前提交</li>
            <li>请您针对学员撰写的沟通和行动内容进行打分</li>
          </ul>
          
          <div class="clearfix" style="margin-top: 30px;">
            <%-- <div class="pull-left" style="width: 130px;">
              <a href="" style="display: block; margin-bottom: 5px;"><img src="${ctx.resource}/images/ib-asessment-introduction.png" width="100%"></a>
              <a href="" style="font-size: 16px; color: #8a8a8a;"><fmt:message key="assessor.365" /></a>
            </div> --%>
            <div style="margin-left: 0px;">
              <div class="panel-group email-panel-group" id="accordion">
                <div class="panel panel-email panel-email-header">
                  <div class="panel-heading">
                    <div class="panel-title">
                      <div class="email-item">
                        <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author"><fmt:message key="assessor.362" /></div>
                        <div class="item item-theme"><fmt:message key="assessor.363" /></div>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                        <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">值班经理</div>
                        <div class="item item-theme">如何处理客人受伤事件</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>值班经理
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理 【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>如何处理客人受伤事件
                        </p>
                      </div>
                      <div class="body">
                        <p>总经理，您好！</p>
                        <p>很抱歉联系您并给您留言。现在是早上7点，我们遇到了问题。一名客人在淋浴时被墙上掉下的一片瓷砖砸伤，瓷砖伤到了TA的脚。TA的脚非常疼，无法走路。客人投诉说TA的脚部可能骨折了。</p>
                        <p>这是我第一次处理此类突发事件。我想请教您一下，处理这类事件应当遵循的标准流程？ </p>
                        <br>
                        <p>谢谢！- 值班经理</p>
                        <br>
                        <p><strong>提示：</strong></p>
                        <p><i style="color: #0070c0;">请务必提供一份客人在酒店受伤期间及之后，您作为总经理会采取的所有行动和后续跟进行动的完整清单。其中须包括为避免此类事件将来再次发生你将采取的内部举措。（请尽量详细的描述，让我们能清晰的了解你的方式及方法）。</i></p>
                      </div>
                    </div>
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailOne']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailOne']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailOne']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                  </div>
                </div>
                
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <%-- <a class="email-item" href="${ctx.host}/sessions/1/ib-assessments/1/delegate-question/3"> --%>
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                        <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">Chan Ling，业主</div>
                        <div class="item item-theme">如何节省资金</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>Chan Ling，业主
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>如何节省资金
                        </p>
                      </div>
                      <div class="body">
                        <p>总经理，你好！</p>
                        <br>
                        <p>之前你曾经提及关于投资CED工具，每月需要5,500元的成本，请你告诉我这项投资将会如何节省资金，以及具体的可能获得的期望收益。请将相关的投资收益分析整理成书面信息回复给我。今天下午我会来酒店，你可以当面向我介绍说明一下。</p>
                        <p>另外，我有一位朋友，为一些本地酒店提供本地洗衣服务。我可以保证他们的价格比您目前使用的服务便宜很多。我曾与智选假日酒店前任的总经理提及过此事，他表示不能做此选择，是违反政策的。</p>
                        <p>我不理解这方面的政策，以及为什么你们不能选择这家公司来节省资金。我坚信他们是一家很好的公司，所以，问题出在哪里呢？您能解释一下吗，为什么这件事情弄得这么复杂？需要采取哪些步骤你们才能使用这家公司的服务呢？</p>
                        <p><a href="${ctx.resource}/templates/in-basket-attachment.pdf" download="业主会谈（附件） CED工具.pdf">附件 ： 业主会谈（附件） CED工具</a></p>
                        <br>
                        <br>
                        <p>谨致问候 – Chan Ling</p>
                        <br>
                        <p><strong>提示：</strong></p>
                        <p><i style="color: #0070c0;">请详细写明针对CED投资的成本收益分析，以及你打算如何向业主阐述这个工具。除了写下你所计划的所有跟进行动及举措，也请你详细描述你打算如何来与业主建立紧密关系。（请尽量详细的描述，让我们能清晰的了解你的方式及方法）。</i></p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailTwo']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailTwo']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailTwo']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                  </div>
                </div>
                
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                        <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">匿名客人</div>
                        <div class="item item-theme">感谢业务拓展经理的协助</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>匿名客人
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>感谢业务拓展经理的协助
                        </p>
                      </div>
                      <div class="body">
                        <p>您好！</p>
                        <br>
                        <p>我只是想在我忘记此事前给您留言，昨天我收到了您的员工Hui的鼎力协助，Hui帮我搬了行李，还为我提供了非常有用的指路信息。由于我是第一次来银波岭市，他的指路信息使我能够准时抵达一场非常重要的会议。据介绍，Hui是贵酒店的业务拓展经理。而经理级的员工能够提供如此亲力亲为的服务，是我意料之外的。对于这次令人愉快的意外体验，我希望您也能知晓。</p>
                        <br>
                        <p>谢谢您，再见！</p>
                      </div>
                    </div>
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailThree']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailThree']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailThree']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="panel panel-email">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
                      <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                      <div class="item item-author">超快速洗衣服务公司销售顾问</div>
                      <div class="item item-theme">超快速和超干净的洗衣服务！</div>
                    </a>
                  </h4>
                </div>
                <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive" style="padding: 10px;">
                  <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>超快速洗衣服务公司销售顾问
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>超快速和超干净的洗衣服务！
                        </p>
                      </div>
                      <div class="body">
                        <p>总经理，您好！</p>
                        <br>
                        <p>给您写信是为了向您介绍我们的洗衣和清洁服务。本公司于近期在银波岭市全新开业。我们的洗衣服务采用了最先进的设备和技术，能够为您提供超快速和超干净的洗衣服务！在此我们愿意为您提供一次尝试我们服务的机会，以便您亲自体验一下。我希望我们能够很快见面，探讨智选假日酒店如何从我们低价、快速的服务中获益。不知下周二上午您是否方便见面？您可以短信回复这个号码，或发送邮件至：sales@superfastlaundry.com</p>
                        <br>
                        <br>
                        <p>祝您有愉快的一天！再见！</p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailFour']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailFour']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailFour']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="panel panel-email">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="true" aria-controls="collapseSix">
                      <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                      <div class="item item-author">运营经理</div>
                      <div class="item item-theme">如何改进酒店运营</div>
                    </a>
                  </h4>
                </div>
                <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix" style="padding: 10px;">
                  <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>运营经理
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>如何改进酒店运营
                        </p>
                      </div>
                      <div class="body">
                        <p>总经理，您好！</p>
                        <br>
                        <p>非常希望听到您对酒店目前运营情况的反馈信息。您观察到了些什么？</p>
                        <p>如果您有改进建议的话，我们需要采取哪些措施？</p>
                        <br>
                        <br>
                        <p>感谢您的意见。 - 运营经理</p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailFive']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailFive']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailFive']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="panel panel-email">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">
                      <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                      <div class="item item-author">客房部经理</div>
                      <div class="item item-theme">受伤的员工</div>
                    </a>
                  </h4>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven" style="padding: 10px;">
                  <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>客房部经理
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>受伤的员工
                        </p>
                      </div>
                      <div class="body">
                        <p>尊敬的总经理，</p>
                        <br>
                        <p>客房部昨晚有位员工摔了一跤，伤到了手肘。她看上去还行，没什么大问题，但手肘擦伤得比较厉害，流血了，我们帮她清理了伤口后，流血也止住了。还有什么需要我们做的吗？</p>
                        <br>
                        <br>
                        <p>谨致问候 – 客房部经理</p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailSix']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailSix']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailSix']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="panel panel-email">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="true" aria-controls="collapseEight">
                      <div class="item item-icon"><i class="glyphicon glyphicon-envelope"></i></div>
                      <div class="item item-author">Bo Li，区域负责人</div>
                      <div class="item item-theme">Trip Advisor上的评论</div>
                    </a>
                  </h4>
                </div>
                <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight" style="padding: 10px;">
                  <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>Bo Li，区域负责人
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>总经理【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>Trip Advisor上的评论
                        </p>
                      </div>
                      <div class="body">
                        <p>希望你在加入我们后的最初几周里过得愉快，对我们的品牌和我们如何经营我们的酒店也有所了解。我很高兴你接受了智选假日酒店总经理的职位。我们需要你这样有才能的总经理帮助我们发展业务。你面临的未来的机遇也令我非常激动。</p>
                        <p>我有一些问题今天就需要你的关注，因此请在今天之内给我回复。</p>
                        <p>近期在TripAdvisor上出现了一些针对我们酒店问题的发帖，另外我也收到一些来信，这令我非常担心。我把这些近期在社交媒体上的发帖拷贝了一份发给你，供你查阅。其中一些投诉来自我们忠诚计划的会员。我正面临来自大中华区“大老板们”的压力，因为一些来自白金会员的投诉已经升级到了他们那里，因此急需解决。请告诉我你认为这些投诉的根本原因是什么？</p>
                        <p>另外，我听说酒店有几位中层管理者有离职的想法，我很担心这会影响到你们的员工士气，考虑到招募这些关键职位的人选也需要花费一些时间和成本，请告知我你将如何应对这个情况？你的计划是怎样的？</p>
                        <p>请在今天下班前给我回复。</p>
                        <br>
                        <br>
                        <p>谢谢 – Bo Li</p>
                        <p><a href="${ctx.resource}/templates/in-basket-attachment-trip-advisor.pptx" download="Trip Advisor上的评论.pptx">附件 ：Trip Advisor上的评论</a></p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailSeven']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailSeven']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailSeven']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
        </div>

      </div>
    
    </div>
  </div>

  </div>
  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>

  <d:resource root="${ctx.resource}/build" type="script" src="js/page/session/during/ib-assessment/ib-assessment-introduction.js" />
  <script type="text/javascript">
    require([ 'page/session/during/ib-assessment/ib-assessment-assessor-introduction' ], function ( page ) {
      page.init();
    })
  </script>
    
</body>
</html>